<div>
  <div class="row">
    <div class="btn-share htm" title="HTML" data-ext="html"></div>
    <div class="btn-share pdf" title="PDF" data-ext="pdf"></div>
    <div class="btn-share odt" title="OpenDocument Text" data-ext="odt"></div>
    <div class="btn-share docx" title="Word" data-ext="docx"></div>
  </div>
  <div class="row">
    <div class="btn-share revealjs" title="reveal.js Presentation">
      <clr-icon shape="display" class="is-solid revealjs"></clr-icon>
    </div>
    <div class="btn-share rst" title="reStructuredText" data-ext="rst">rST</div>
    <div class="btn-share rtf" title="Rich Text Format" data-ext="rtf">RTF</div>
    <div class="btn-share tex" title="LaTeX" data-ext="latex">TeX</div>
  </div>
  <!-- This row's visibility will be toggled by clicking the reveal.js button -->
  <div id="reveal-themes" class="hidden">
    <div class="row">
      <div class="btn-share revealjs-black" title="Black" data-ext="revealjs-black">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-moon" title="Moon" data-ext="revealjs-moon">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-league" title="League" data-ext="revealjs-league">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-sky" title="Sky" data-ext="revealjs-sky">
        <clr-icon shape="display"></clr-icon>
      </div>
    </div>
    <div class="row">
      <div class="btn-share revealjs-beige" title="Beige" data-ext="revealjs-beige">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-solarized" title="Solarized" data-ext="revealjs-solarized">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-serif" title="Serif" data-ext="revealjs-serif">
        <clr-icon shape="display"></clr-icon>
      </div>
      <div class="btn-share revealjs-white" title="White" data-ext="revealjs-white">
        <clr-icon shape="display"></clr-icon>
      </div>
    </div>
  </div> <!-- END #reveal-themes -->
  <div class="row">
    <div class="btn-share plain" title="Text" data-ext="plain">TXT</div>
    <div class="btn-share org" title="Emacs Org" data-ext="org">ORG</div>
    <!--<div class="btn-share textile" title="Textile" data-ext="textile">Txtl</div>-->
    <!--<div class="btn-share mediawiki" title="MediaWiki" data-ext="mediawiki">mWiki</div>-->
    <div class="btn-share textbundle" title="Textbundle" data-ext="textbundle">Bdl</div>
    <div class="btn-share textpack" title="Textpack" data-ext="textpack">Pck</div>
  </div>
</div>
